<template>
  <view class="container">
    <profile-header />
    <view class="main-content">
      <learning-masonry />
    </view>
  </view>
</template>

<script setup>
import ProfileHeader from '../components/ProfileHeader.vue';
import LearningMasonry from '../components/LearningMasonry.vue';
</script>

<style>
.container {
  min-height: 100vh;
  background: linear-gradient(to bottom, #f8fafc, #ffffff);
}

.main-content {
  padding: 16px 16px 80px 16px;
}
</style>